﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>良品铺子</title>
	<meta charset="utf-8" />
    <link href="themes/default/easyui.css" rel="stylesheet" />
    <link href="themes/icon.css" rel="stylesheet" />

    <script src="Scripts/jquery-1.7.1.js"></script> 
    <script src="Scripts/jquery.min.js"></script>
    <script src="Scripts/jquery.easyui.min.js"></script>
    <style type="text/css">
        .easyui-accordion ul 
        {
            margin:0px;
            padding:0px;
             list-style:url('images/icon1.gif');
        }
            .easyui-accordion ul li {
            margin-left:30px;
            margin-top:10px;
            }
    </style>
    <script type="text/javascript">
        $().ready(function () {
            $("#Updatepwd").click(function () {
                $("#dd").dialog({ width: 600, height: 500, left: 400, top: 20 })
               .dialog("setTitle", "修改密码").dialog("open");
                $("#frm1").attr("src", "UserInfo/UpdatePassword.html");
               
            });
            $("#UpdateUserInfo").click(function () {
                $("#dd").dialog({ width: 600, height: 500, left: 400, top: 20 })
               .dialog("setTitle", "修改个人资料").dialog("open");
                $("#frm1").attr("src", "UserInfo/AddUser.html");

            });
        });
    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north'" style="height:110px; background-color:rgb(46,122,204); overflow:auto;">
        <div style="float:left; margin-left:20px; width:20%; margin-top:10px; color:white; height:90px;"><h1 style="color:white;">良品铺子</h1>
        <h3>BESTORE</h3>
        </div>
        <div style="width:75%; float:left; height:90px;">
           <div style="float:left; line-height:90px; color:white;">会员消费积分管理平台：&nbsp;&nbsp;当前用户：<input readonly="readonly" value="系统管理员" style=" background-color:rgb(46,122,204); border:0px solid rgb(46,122,204); color:white;" /></div>
            <div style="float:right; line-height:90px;">
                <a id="btnCloseAll" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-error'">关闭全部</a>
                

                <a href="#" id="mb" class="easyui-menubutton"
                   data-options="menu:'#mm',iconCls:'icon-man'">账号管理</a>
                <div id="mm" style="width:150px;">
                    <div data-options="iconCls:'icon-edit'" id="Updatepwd">修改密码</div>
                    <div data-options="iconCls:'icon-edit'" id="UpdateUserInfo">修改个人资料</div>
                    <div data-options="iconCls:'icon-redo'"><a href="UserInfo/Login.html">退出登录</a>
                </div>
                </div>


            </div>
        </div>
    </div>
    <div id="dd" class="easyui-dialog" data-options="closed:true" style="margin-top:0px;overflow:hidden; ">
        <iframe id="frm1" width="100%" height="100%" frameborder="0"></iframe>
    </div>
    <!-- 下侧商标栏 -->
    <div data-options="region:'south'" style="height:100px; background-color:rgb(46,122,204)">
        <p style="text-align:center; color:white;">版权所有@copy&nbsp;2015会员消费积分管理平台</p>

    </div>
    <!-- 右侧导航栏 -->
    <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px; height:700px;">

        <div id="aa" class="easyui-accordion" style="width:190px;height:400px;">
            <div title="系统导航" style="overflow:auto;padding:10px;">
               <ul>
                   <li><a src="shopManager/IndexShops.html">店铺管理</a></li>
                   <li><a src="MemberLevel/IndexLevel.html">会员等级管理</a></li>
               </ul>
            </div>
            <div title="用户管理" data-options="selected:true" style="padding:10px;">
                <ul>
                    <li><a src="UserInfo/IndexUser.html">用户列表</a></li>
                </ul>
            </div>
            <div title="礼品管理" data-options="selected:true" style="padding:10px;">
               <ul>
                   <li><a src="giftInfo/Indexgift.html">礼品列表</a></li>
               </ul>
            </div>
            <div title="会员管理" data-options="selected:true" style="padding:10px;">
                <ul>
                    <li><a src="Member/IndexMember.html">会员列表</a></li>
                </ul>
            </div>
            <div title="会员消费" data-options="selected:true" style="padding:10px;">
                <ul>
                    <li><a src="customer/FastCustom.html">快速消费</a></li>
                    <li><a src="customer/Customslown.html">会员减积分</a></li>
                    <li><a src="Member/IndexMember.html">消费历史记录</a></li>
                </ul>
            </div>
            <div title="积分兑换" data-options="selected:true" style="padding:10px;">
                <ul>
                    <li><a src="Member/IndexMember.html">积分兑换礼品</a></li>
                    <li><a src="Member/IndexMember.html">积分返现</a></li>
                    <li><a src="customer/QueryMemberGift.html">兑换历史记录</a></li>
                </ul>
            </div>
            <div title="统计中心" data-options="selected:true" style="padding:10px;">
                <ul>
                
                    <li><a src="customer/FastTongjiCunstom.html">快速消费统计</a></li>
                    <li><a src="customer/MemberCustomer.html">会员消费统计</a></li>
                    <li><a src="customer/FastTongjiCunstom.html">会员减积分统计</a></li>
                    <li><a src="Point/pointback.html">积分返现统计</a></li>
                    <li><a src="giftInfo/gitDuihuan.html">礼品兑换统计</a></li>
                </ul>
            </div>
        </div>  

    </div>

    <!-- 中间内容部分 -->
    <div data-options="region:'center',title:''" style="padding:5px;background:#eee;">
       <!--创建一个tab标签的div-->
        <div id="tt" class="easyui-tabs" style="height:500px;">
           
        </div>  
      <div id="dd">
          <iframe id="frm1" frameborder="0" scrolling="no"></iframe>
      </div>
    </div>
    <script type="text/javascript">
        $().ready(function () {
            //点击左侧导航跳转页面
            $("#aa ul li a").click(function () {
                //获取按钮的src属性
                var addr = $(this).attr('src');
                //将主框架的iframe跳转到菜单制定的地址
                //Tab页面新增标签
                var title = $(this).text();
                var strHtml = '<iframe id="frmWorkArea" height=100%; width=99%; frameborder="0"  scrolling="no" src="'+addr+'"></iframe>';
                //判断是否有相同的数据标签
                var isExists = $("#tt").tabs('exists', title);
                if (!isExists) {
                    $("#tt").tabs('add', {
                        title: title,
                        content: strHtml,
                        closable: true
                    });
                }
                else
                {
                    $("#tt").tabs('select', title);
                }
            });

            //关闭所有
            $("#btnCloseAll").click(function ()
            {
                $("#tt li").each(function (index, obj)
                {
                    //获取所有备关闭的选项卡
                    var tab = $(".tabs-closable", this).text();
                    $(".easyui-tabs").tabs('close', tab);
                });
            });

        });
    </script>
</body>  
</html>
